<div>
  <div class="search-bar">
    <input
      style="width: 70%"
      type="search"
      [(ngModel)]="queryString"
      placeholder="{{ storeService.currentLanguage.inputsearchword }}"
    />
    <button style="margin-left: 5px" type="button" (click)="search()">
      🔍{{ storeService.currentLanguage.searchbutton }}
    </button>
    <button [disabled]="storeService.results.length === 0" (click)="export()">
      {{ storeService.currentLanguage.export }}
    </button>
  </div>
  <div>
    <span *ngFor="let page of pages">
      <span
        style="
          cursor: pointer;
          margin: 10px;
          color: blue;
          text-decoration: underline;
          font-style: italic;
        "
        (click)="pagesearch(page)"
      >
        {{ page }}</span
      >
    </span>
  </div>
  <ul>
    <div *ngFor="let item of storeService.results">
      <app-searchdetail [current]="item"></app-searchdetail>
      <hr />
    </div>
  </ul>
</div>
